@import './variables.scss';
@import './sidebar.scss';
@import './transition.scss';
@import './vxeTable.scss';
@import './element-ui.scss';
@import './element-variables.scss';

body {
  height: 100%;
  margin: 0;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  font-family: Helvetica Neue, Helvetica, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Arial, sans-serif;
  font-size: var(--font-size-base);
}

label {
  font-weight: 700;
}

html {
  height: 100%;
  box-sizing: border-box;
  font-size:var(--font-size-base);
}

#app {
  height: 100%;
}

*,
*:before,
*:after {
  box-sizing: inherit;
}

a:focus,
a:active {
  outline: none;
}

a,
a:focus,
a:hover {
  cursor: pointer;
  color: inherit;
  text-decoration: none;
}
div:focus {
  outline: none;
}

/* 滚动槽 */
::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
::-webkit-scrollbar-track {
  border-radius: 2px;
  background: rgba(0, 0, 0, 0.06);
  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.08);
}
/* 滚动条滑块 */
::-webkit-scrollbar-thumb {
  border-radius: 2px;
  background: rgba(0, 0, 0, 0.12);
  box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.2);
}

//全局样式
.app-container {
  padding: 10px;
  min-height:calc(100vh - 94px)
}
.noscroll{
  padding: 10px;
  height:calc(100vh - 94px);
}
.scroll{
  padding: 10px;
  min-height:calc(100vh - 94px);
}

.base-container {
  padding: 10px;
  min-height:calc(100vh - 94px);
  height:100%;
}
#app .sidebar-container .svg-icon {
  margin-right: 16px;
}

//修改driver bug
.fixed-header.driver-fix-stacking{
  position: absolute !important;
}
#header-search,#switch-hospotal,#header-settings{
  &.driver-highlighted-element{
    color: #000;
  }
} 
.driver-highlighted-element{
  color: #000;
}
#switch-hospotal.driver-highlighted-element{
  color: #000;
}

//公共样式
.nowrap {
  white-space:nowrap;
}
.pointer {
  cursor: pointer;
}

.border{
  border: 1px solid #ebeef5;
  background-color: #fff;
}

.card{
  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
}

//水平自适应布局
.level-adaptive{
  width: 100%;
  display: flex;
  &>.adaptive{
    flex: 1;
    width: 100px;
  }
}
//垂直自适应布局
.vertical-adaptive{
  display: flex;
  height: 100%;
  flex-direction: column;
  &>.adaptive{
    flex: 1;
    height: 100px;
  }
}

//动态字体
.supp-text{
  font-size:var(--font-size-supp);
}
.small-text{
  font-size:var(--font-size-small);
}
.base-text{
  font-size:var(--font-size-base);
}
.small-title{
  font-size:var(--font-size-small-title);
}
.title{
  font-size:var(--font-size-title);
}
.main-title{
  font-size:var(--font-size-main-title);
}

//默认样式修改
#app {
  
  &.base{
    .el-menu{
      .el-submenu__title{
        font-size: var(--font-size-base);
      }
      .el-menu-item{
        font-size: var(--font-size-base);
      }
    }
  }
  &.supp{
    .el-menu{
      .el-submenu__title{
        font-size: var(--font-size-supp);
      }
      .el-menu-item{
        font-size: var(--font-size-supp);
      }
    }
  }
  
  //修改菜单栏样式
  .el-menu{
    .el-submenu__title{
      font-size: var(--font-size-base);
    }
    .el-menu-item{
      font-size: var(--font-size-base);
    }
  }

  .tags-view-item{
    font-size: var(--font-size-base);
  }
  .el-button{
    font-size: var(--font-size-supp);
  }
  .el-form-item__label{
    font-size: var(--font-size-base);
    white-space:nowrap;
  }
  .el-input{
    font-size: var(--font-size-base);
  }
  .vxe-cell--title{
    font-size: var(--font-size-supp);
  }
  .vxe-body--column{
    font-size: var(--font-size-supp);
  }
  .trees .title{
    font-size: var(--font-small-title);
  }
  .custom-tree-node{
    font-size: var(--font-size-base);
  }
}